<?xml version="1.0" encoding="UTF-8" ?>
<Module>
  <ModulePrefs title="Tag Cloud" width="600" height="400" scaling="true"/>
  <UserPref name="myname=" display_name="Name" required="true"/>
  <Content type="html">
  <![CDATA[
  
	<link href="http://edwardsurjadi.googlecode.com/svn/trunk/bootstrap.min.css" rel="stylesheet">    
    <script type="text/javascript" src="jquery-2.1.0.min.js"></script>
    <script type="text/javascript" src="d3.v3.js"></script>
    <script type="text/javascript" src="d3.layout.cloud.js"></script>
	<script type="text/javascript" src="chart_tag_cloud.js"></script>
	<script type="text/javascript">
	
	function onLoad(){
	
	
		alert("hello!");
		var containerWidth=$("#divTopicChart1").width();
		var containerHeight=$("#divTopicChart1").height()*0.95;	
		var chartCloud1=new TagCloudChart("#divTopicChart1", containerWidth, containerHeight);
		chartCloud1.reload();
		
	}
	
	gadgets.util.registerOnLoadHandler(onLoad);
	
	</script>

	Tag Cloud
	<!-- Standard button -->
	<button type="button" class="btn btn-default">Default</button>

	<!-- Provides extra visual weight and identifies the primary action in a set of buttons -->
	<button type="button" class="btn btn-primary">Primary</button>

	<!-- Indicates a successful or positive action -->
	<button type="button" class="btn btn-success">Success</button>

	<!-- Contextual button for informational alert messages -->
	<button type="button" class="btn btn-info">Info</button>

	<!-- Indicates caution should be taken with this action -->
	<button type="button" class="btn btn-warning">Warning</button>

	<!-- Indicates a dangerous or potentially negative action -->
	<button type="button" class="btn btn-danger">Danger</button>

	<!-- Deemphasize a button by making it look like a link while maintaining button behavior -->
	<button type="button" class="btn btn-link">Link</button>


	<div id="divTopicChart1" style="width:300px;height:100px;background-color:black">
	
	</div>
  ]]>
  </Content>
</Module>
